<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@include file="/common/common.jsp"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="/common/common_meta.jsp"%>
<%@include file="/common/common_meta_app.jsp"%>
<title>商品詳細(${f:h(item.Title)}</title>
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
</head>
<body>
	<div data-role="page" data-fullscreen=“true”>
		<div data-role="header">
			<h1>商品詳細 (${f:h(item.Title)})</h1>
			<a href="javascript:void(0)" onclick="window.close();return false;"
				data-role="button" data-icon="delete" data-iconpos="notext"
				class="ui-btn-right" rel="external"></a>
		</div>
		<div data-role="content">
			<br /> <br /> <br /> <br /> <img src="${f:url(item.URL)}"/><br />
			${f:h(item.Title)}<br /> 
			<span style="font-size:10px;font-weight:bold;">価格：</span>
			<span style="color:red;">${f:h(item.FormattedPrice)}</span><br/>
			<span style="font-size:10px;font-weight:bold;">
				ASIN：${f:h(item.ASIN)}
				<c:if test="${!empty item.SalesRank}">
					, ranking：${f:h(item.SalesRank)}
				</c:if>
			</span>
			<br/>
			<c:if test="${!empty item.DetailPageURL}">
				<a href="${item.DetailPageURL}" target="_blank"><img src="/images/mobile_s_jp_logo._V192555871_.gif" /></a>
			</c:if>
			<br/>
			<c:if test="${!empty item.Content}">
				<span style="font-size:12px;font-weight:bold;color:#FF9900;">商品の説明：</span><br />
				${f:br(item.Content)}
				<br />
			</c:if>
			<c:if test="${empty userData || !userData.authentication}">
				<ul data-role="listview" data-inset="true">
				<li data-role="list-divider">▼本棚に追加する</li>
				<li data-icon=“plus”><a href="${f:url('logon')}/${f:h(item.ASIN)}" rel="external">Googleアカウントでログインして本棚に追加する</a></li>
				</ul>
			</c:if>
			<c:if test="${!empty userData && userData.authentication}">
				<ul data-role="listview" data-inset="true">
				<li data-role="list-divider">
				<c:if test="${!empty userBook}">
					▼進捗を変更する
				</c:if>
				<c:if test="${empty userBook}">
					▼本棚に追加する
				</c:if>
				</li>
				<c:if test="${empty userBook || (!empty userBook && userBook.status != 'to_read')}"><li data-icon=“plus”><a href="${f:url('entry/')}${f:h(item.ASIN)}?status=to_read" rel="external">読みたい本</a></li></c:if>
				<c:if test="${empty userBook || (!empty userBook && userBook.status != 'in_reading')}"><li data-icon=“plus”><a href="${f:url('entry/')}${f:h(item.ASIN)}?status=in_reading" rel="external">読み中の本</a></li></c:if>
				<c:if test="${empty userBook || (!empty userBook && userBook.status != 'done')}"><li data-icon=“plus”><a href="${f:url('entry/')}${f:h(item.ASIN)}?status=done" rel="external">読んだ本</a></li></c:if>
				</ul>
			</c:if>
		</div>
		<div data-role="footer">@BookPad</div>
	</div>
</body>
</html>
